<!DOCTYPE html>
<html>
    <head>
       <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
        <style>
            p{
                color:green;
            }
            id{
                color: red;
            }
            
        </style>
    </head>
    <body>
            <p id="blue" class="yellow" style="color: pink;">
                    <div class="row">
                        <div class="col-md-1">.col-md-1</div>
                        <div class="col-md-1">.col-md-1</div>
                        <div class="col-md-1">.col-md-1</div>
                        <div class="col-md-1">.col-md-1</div>
                        <div class="col-md-1">.col-md-1</div>
                        <div class="col-md-1">.col-md-1</div>
                        <div class="col-md-1">.col-md-1</div>
                        <div class="col-md-1">.col-md-1</div>
                        <div class="col-md-1">.col-md-1</div>
                        <div class="col-md-1">.col-md-1</div>
                        <div class="col-md-1">.col-md-1</div>
                      </div>
                      <div class="row">
                        <div class="col-md-8">.col-md-8</div>
                        <div class="col-md-4">.col-md-4</div>
                      </div>
                      <div class="row">
                        <div class="col-md-4">.col-md-4</div>
                        <div class="col-md-4">.col-md-4</div>
                        <div class="col-md-4">.col-md-4</div>
                      </div>
                      <div class="row">
                        <div class="col-md-6">.col-md-6</div>
                        <div class="col-md-6">.col-md-6</div>
                      </div>
                <id>英雄不问出处</id>
                <p class="class">widows</p>
                <p style="blue">网站</p>



            <table class="table table-striped table-bordered" style="widows: 600px;">
                <tr>
                    <td>姓名</td>
                    <td>性别</td>
                    <td>所在班级</td>
                    <td>学校</td>
                    <td>爱好</td>
                    <td>生日</td>
                </tr>
                <tr>
                    <td>张三</td>
                    <td>男</td>
                    <td>会计666</td>
                    <td>清华大学</td>
                    <td>篮球</td>
                    <td>9月15号</td>
                </tr>
                <tr>
                    <td>李四</td>
                    <td>女</td>
                    <td>园林艺术546</td>
                    <td>北京大学</td>
                    <td>打羽毛球</td>
                    <td>3月9号</td>
                </tr>
                <tr>
                    <td>老王</td>
                    <td>男</td>
                    <td>计算机324</td>
                    <td>哈佛大学</td>
                    <td>电子游戏</td>
                    <td>6月7号</td>
                </tr>
    </body>
    </html>